﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>IT服务台</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <script src="components/requirejs/require.js" async="async" data-main="resources/js/reportDescription"></script>
    <link href="components/mint-ui/style.min.css" rel="stylesheet" />
    <link href="resources/css/common.css" rel="stylesheet" />
    <link href="resources/css/reportDescription.css" rel="stylesheet" />
</head>
<body>
    <div id="view">
        <div view v-if="isloading"></div>

        <div date>
            <div center v-on:click="addDay(-1)">
                <img src="resources/image/common/left.png" />
            </div>
            <div>
                <div>{{day}} {{year}}</div>
                <div>{{date}}</div>
                <input type="date" v-model="reportDate" v-on:change="reportChange" />
            </div>
            <div center v-on:click="addDay(1)">
                <img src="resources/image/common/right.png" />
            </div>
        </div>

        <mt-navbar navbar v-model="reportType">
            <mt-tab-item :id=1 v-bind:class="{active: reportType == 1}">
                <img v-if="reportType != 1" slot="icon" src="resources/image/report/day.png">
                <img v-if="reportType == 1" slot="icon" src="resources/image/report/daySelect.png">
                日报
            </mt-tab-item>
            <mt-tab-item :id=2 v-bind:class="{active: reportType==2}">
                <img v-if="reportType != 2" slot="icon" src="resources/image/report/week.png">
                <img v-if="reportType == 2" slot="icon" src="resources/image/report/weekSelect.png">
                周报
            </mt-tab-item>
            <mt-tab-item :id=3 v-bind:class="{active: reportType==3}">
                <img v-if="reportType != 3" slot="icon" src="resources/image/report/month.png">
                <img v-if="reportType == 3" slot="icon" src="resources/image/report/weekSelect.png">
                月报
            </mt-tab-item>
        </mt-navbar>

        <div group>
            <div group-title>
                <div center-v>
                    <img src="resources/image/report/reportInfo.png" />
                </div>
                <div>
                    报告信息
                </div>
                <div center>
                    <div arrow-up></div>
                </div>
            </div>
            <div group-item v-for="item in reportInfo">
                <div>{{item.key}}：</div>
                <div>{{item.value}}</div>
            </div>
        </div>

        <div group>
            <div group-title>
                <div center-v>
                    <img src="resources/image/report/description.png" />
                </div>
                <div>
                    工作说明
                </div>
                <div center>
                    <div arrow-up></div>
                </div>
            </div>
            <div input-item>
                <textarea placeholder="请输入工作详细说明..." v-model="description"></textarea>
            </div>
        </div>

        <div placeholder-bottombar>
        </div>
        <div bottombar v-if="showSubmit">
            <input type="button" blue value="提交" v-on:click="submit" />
        </div>
    </div>
</body>
</html>